<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>Title</title>
    <!--CSS的引入方式共有三种：行内样式、内部样式表、外部样式表-->
    <!--内部样式表-->
    <style type="text/css">
        /**
        匹配div标签 id=div2的元素
         */
        div#div2{
            background-color: lavender;
            width: 500px;
            height:400px;
        }
        /**
        匹配class=tableName的元素
         */
        .tableName{
            height: 80%;
            width: 80%;
            font-size: 5mm;
            font-style: inherit;
            border: 2px;
        }
        /**
        匹配所有input元素
         */
        input{
            width: 100px;
        }
        /**
        匹配id=a的元素
         */
        #a{
            width: 200px;
        }
        /**
        匹配th的元素
         */
        th{
            height: 10px;
            font-weight: 100;
            background-color: aqua;
        }
        /**
        匹配tr的元素
         */
        tr{
            height:8px;
            background-color: white;
        }
    </style>
</head>
<body>
<div id="div2">
    <input type="text" id="a">
    <input type="text">
    <table class="tableName">
        <thead>
            <td>国家</td>
            <td>姓名</td>
            <td>年龄</td>
        </thead>
        <tr>
            <td>中国</td>
            <td>姚明</td>
            <td>40</td>
        </tr>
        <tr>
            <td>中国</td>
            <td>姚明</td>
            <td>40</td>
        </tr>
    </table>
</div>
</body>
</html>